<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>

<div th:fragment="navbar" >
    <div class="header-top">
        <div class="container">
            <div class="logo">
                <a href="/index/home"><h1>旅<span>行</span></h1></a>
            </div>
            <span class="menu"></span>
            <div class="top-menu">
                <ul class="cl-effect-16">
                    <li><a class="active" href="/index/home" data-hover="首页">首页</a></li>
                    <li><a href="/index/about" data-hover="VR视频">VR视频</a></li>
                    <li><a href="/index/typography" data-hover="诚信商家">诚信商家</a></li>
                    <li><a href="/index/gallery" data-hover="美景欣赏">美景欣赏</a></li>
                    <li><a href="/index/blog" data-hover="互动">互动</a></li>
                    <li><a href="/index/contact" data-hover="投诉与建议">投诉与建议</a></li>
                </ul>
            </div>
            <div class="top_right">
                <h6>Your first visit ? call for info </h6>
                <p>+1-234-567-8900</p>
                <ul class="f-icons">
                    <li><a href="#" class="facebook"> </a></li>
                    <li><a href="#" class="p"> </a></li>
                    <li><a href="#" class="twitter"> </a></li>
                </ul>

            </div>

            <!-- script-for-menu -->
            <script>
                $("span.menu").click(function () {
                    $(".top-menu").slideToggle("slow", function () {
                        // Animation complete.
                    });
                });
            </script>
            <div class="clearfix"></div>
            <!--End-top-nav-script-->
        </div>
    </div>
</div>

<div th:fragment="footer">
    <p>© 2018 全域旅游示范区(演示) 版权所有图文来源网络,如有侵权请联系删除</p>
</div>
</body>
</html>